 * {margin: 0;padding: 0;list-style:none;font-family:PingFang SC}
::-webkit-scrollbar { 
    width: 6px; 
    height: 6px; 
    background:#f5f5f5; 
}    
::-webkit-scrollbar-track { 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); 
    border-radius: 10px; 
    background:#f5f5f5; 
}  
::-webkit-scrollbar-thumb { 
    border-radius: 10px; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1); 
    background-color:rgba(64,158,255,1); 
} 
html,body {width: 100%;height: 100%;}
body {font-family: 'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif;
  font-size: 14px; color: #333;}
a { text-decoration: none }
.heigth100{height: 100%;}
.title{ padding:15px 50px; }
.title>button{ padding:6px 8px; display: inline-block;border:none; }
.title>button+button{ margin-left:20px; }
.clearfloat:after{ display: block;clear:both;content: '';visibility: hidden }
.clearfloat{zoom:1;}
.simulate-left{ width: 250px;float: left; border-right:1px solid #e5e5e5; min-height: 400px;overflow-x: hidden;background: rgba(158,185,238,.5);height: 100%;min-height: 600px}
.simulate-right{ margin-left: 250px;}
.classify-title{height: 30px;line-height: 30px;font-size: 14px;background: rgba(46,105,219,.8);border-bottom: 1px solid rgba(158,185,238,0.5);padding-left: 15px;font-weight: 500;cursor: pointer; color: #fff}
.simulate-right-canvas{min-height: 700px;  }
.backgroudActive{ background: rgba(158,185,238);color: #fff;}
.border1{ border:1px solid rgba(46,105,219); }
 .file1 {
     position: relative;
     display: inline-block;
     background: #D0EEFF;
     border: 1px solid #99D3F5;
     border-radius: 4px;
     padding: 4px 12px;
     overflow: hidden;
     color: #1E88C7;
     text-decoration: none;
     text-indent: 0;
     line-height: 20px;
 }
 .file1 input {
     position: absolute;
     font-size: 100px;
     right: 0;
     top: 0;
     opacity: 0;
 }
 .file1:hover {
     background: #AADFFD;
     border-color: #78C3F3;
     color: #004974;
     text-decoration: none;
 }
